<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>父向子通讯传递复杂数据类型</title>

</head>
<body>

    <div id="yun9">
        <haha :users="uio"></haha>
    </div>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>

   let haha =  {
        template: `
       <div>
           <ul>
                <li v-for="(user,index) in users" :key="index">
                       {{index+1}}--{{user.id}}--{{user.name}}--{{user.age}}
                </li>
            </ul>
        </div>
       `,
       props:{
            users:{
                type:Array
            }
       }
    }

   let yun9 = new Vue({
       el: "#yun9",
       components:{
         haha
       },
       data:{
           uio:[{
               "id":10086,
               "name":"ldh1",
               "age":50
           },
               {
                   "id":10086,
                   "name":"ldh1",
                   "age":50
               },{
                   "id":10086,
                   "name":"ldh1",
                   "age":50
               }
           ]
       }
   });
</script>
</body>
</html>